<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<div style="margin-top:10px;">
		    <div style="width:50px;float:left;">
		        <ul id="toolsul" class="tools">
		            <li id="toolsPencil" data-type="pen" class="active">
		                <i class="icon-tools icon-pen-select" data-default='icon-tools icon-pen-black'></i>
		            </li>
		            <li data-type="arrow">
		                <i class="icon-tools icon-arrow-black" data-default='icon-tools icon-arrow-black'></i>
		            </li>
		            <li data-type="line">
		                <i class="icon-tools icon-line-black" data-default='icon-tools icon-line-black'></i>
		            </li>
		            <li data-type="dottedline">
		                <i class="icon-tools icon-dottedline-black" data-default='icon-tools icon-dottedline-black'></i>
		            </li>
		            <li data-type="circle">
		                <i class="icon-tools icon-circle-black" data-default='icon-tools icon-circle-black'></i>
		            </li>
		            <li data-type="ellipse">
		                <i class="icon-tools icon-ellipse-black" data-default='icon-tools icon-ellipse-black'></i>
		            </li>
		            <li class="hide" data-type="square">
		                <i class="icon-tools icon-square-black" data-default='icon-tools icon-square-black'></i>
		            </li>
		            <li data-type="rectangle">
		                <i class="icon-tools icon-rectangle-black" data-default='icon-tools icon-rectangle-black'></i>
		            </li>
		            <li data-type="rightangle">
		                <i class="icon-tools icon-rightangle-black" data-default='icon-tools icon-rightangle-black'></i>
		            </li>
		            <li data-type="equilateral">
		                <i class="icon-tools icon-equilateral-black" data-default='icon-tools icon-equilateral-black'></i>
		            </li>
		            <li class="hide" data-type="isosceles">
		                <i class="icon-tools icon-isosceles-black" data-default='icon-tools icon-isosceles-black'></i>
		            </li>
		            <li data-type="text">
		                <i class="icon-tools icon-text-black" data-default='icon-tools icon-text-black'></i>
		            </li>
					<li data-type="path">
					    <i class="" data-default=''>path</i>
					</li>
					<li data-type="path2">
					    <i class="" data-default=''>path2</i>
					</li>
		            <li data-type="remove">
		                <i class="icon-tools icon-remove-black" data-default='icon-tools icon-remove-black'></i>
		            </li>
		        </ul>
			</div>
			<div id="canvasDiv" class="canvasDiv" style="width:95%;">
			    <canvas id="canvas" width="1920" height="1080">请使用支持HTML5的浏览器</canvas>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
		<script src="../res/js/fabric.min.js"></script>
		<script src="./js/style.js"></script>
		<script src="js/canvasZoom.js"></script>
	</body>
</html>
